<#include "_inc/_layout.html"/> 
<@layout>

<div class="article_list col-sm-12">
	<div class="row page-row">
	<@jp.indexPage module="article"> 
	<#list page.getList() as content>
		<#assign content_title="${(content.title)!''}">
		<#if (content_title?length > 25)>
			<#assign content_title="${(content_title+'                         ')?substring(0,25)+'...'}">
		</#if>
		
		<#if content.thumbnail ??>
			<!-- 如果有缩略图 -->
		<#elseif (content.imageCount > 0) >
			<!-- 如果正文有图片 -->
			<div class="col-sm-6">
				<div class="panel panel-${bootstrap_css_skin}">
					<div class="panel-heading">
						<h3 class="panel-title"><a class="btn btn-link" href="${content.url!'#'}" target="_blank">${content_title}</a></h3>
					</div>
					<div class="panel-body article_summary">
						<div class="row">
							<div class="col-sm-3">
								<a href="${content.url!'#'}">
									<img class="summary_img img-thumbnail" src="${(content.firstImage)!}" />
								</a>
							</div>
							<div class="col-sm-9 article_body">
								<div class="col-sm-12">${(content.summary)!} <a class="btn btn-link" href="${content.url!'#'}" target="_blank">查看全文</a></div>
								<div class="row article_footer">
							    	<div class="col-sm-12 pull-right">
							    		<div class="pull-left">&nbsp;&nbsp;&nbsp;</div>
							    		<div class="pull-left">${content.getTaxonomyAsUrl('feature', 'class="label label-'+bootstrap_css_skin+'"')!'未分类'}</div>
								    	<div class="pull-left">&nbsp;&nbsp;&nbsp;</div>
										<div class="pull-left"><a class="label label-${bootstrap_css_skin}" href="${content.linkTo!}" target="_blank">来源：${content.remarks!''}</a></div>
										<div class="pull-left">&nbsp;&nbsp;&nbsp;</div>
										<div class="pull-left"><span class="label label-${bootstrap_css_skin}">发布于：${content.created!?string("yyyy-MM-dd HH:mm")!}</span></div>
										<div class="pull-right"><a class="label label-${bootstrap_css_skin}" href="${content.url!'#'}" target="_blank">查看全文</a></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
	    <#else>
			<!-- 如果正文没有图片 -->
			<div class="col-sm-6">
				<div class="panel panel-${bootstrap_css_skin}">
					<div class="panel-heading">
						<h3 class="panel-title"><a class="btn btn-link" href="${content.url!'#'}" target="_blank">${content_title}</a></h3>
					</div>
					<div class="panel-body article_summary">
						<div class="row">
							<div class="col-sm-12 article_body">
								<div class="col-sm-12">${(content.summary)!} <a class="btn btn-link" href="${content.url!'#'}" target="_blank">查看全文</a></div>
								<div class="row article_footer">
							    	<div class="col-sm-12 pull-right">
							    		<div class="pull-left">&nbsp;&nbsp;&nbsp;</div>
							    		<div class="pull-left">${content.getTaxonomyAsUrl('feature', 'class="label label-'+bootstrap_css_skin+'"')!'未分类'}</div>
								    	<div class="pull-left">&nbsp;&nbsp;&nbsp;</div>
										<div class="pull-left"><a class="label label-${bootstrap_css_skin}" href="${content.linkTo!}" target="_blank">来源：${content.remarks!''}</a></div>
										<div class="pull-left">&nbsp;&nbsp;&nbsp;</div>
										<div class="pull-left"><span class="label label-${bootstrap_css_skin}">发布于：${content.created!?string("yyyy-MM-dd HH:mm")!}</span></div>
										<div class="pull-right"><a class="label label-${bootstrap_css_skin}" href="${content.url!'#'}" target="_blank">查看全文</a></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</#if>
		
	</#list>
		<div class="hide page-row-hide"></div>
	</div>
	<div class="row text-center hide">
		<ul class="pagination">
			<@pagination>
				<#list pages as pi>
					<li class="${pi.style!}">
						<#if ((page.pageNumber?c) == pi.text)>
						<a href="#">${pi.text!}</a>
						<#else>
						<a href="${pi.url!}">${pi.text!}</a>
						</#if>
					</li>
				</#list>
			</@pagination>
		</ul>
	</div>
	</@jp.indexPage>
</div>
</@layout>
